<!DOCTYPE html> 
<html> 
	<head> 
		<title>Lustrum</title> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
			
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile.structure-1.3.0.min.css" />
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
		<script src="js/tomtom/leaflet.js"></script>
		<script src="js/tomtom/tomtom.map.js"></script>
		<script src="js/script.js"></script>
		<script src="js/shake.js"></script>
		<script src="js/hidden.js"></script>
		<link rel="stylesheet" href="css/tomtom.map.css" />
		<link rel="stylesheet" href="themes/lustrum-theme.css" />
		<link rel="stylesheet" href="css/style.css" type="text/css"/>
		
		<link rel="apple-touch-icon" sizes="57x57" href="img/apple-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="img/apple-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="img/apple-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="img/apple-icon-144x144.png" />
	</head> 
<body>

<!-- ### HOME PAGE ### -->

<div id="background"></div>
<div data-role="page" id="home" data-theme="a">

	<div data-role="content">
		<div id="testhomepage"> </div>
        <div id="homelogo">
		<table width="240px" style="margin: 0 auto; padding-left: 10px" border="0">
			<tr>
				<td colspan="3">
					<img src="img/lustrum-logo.png" id="vermogen" width="200px" style="margin-left:10px;padding-bottom:10px">
                </td>
			</tr>
			<tr>
				<td width="80px" align="center">
					<a href="info.html" class="lustrum-button-start" style="background: url('img/home-info.png'); background-size: 100%"></a>
					<h5>info</h5>
				</td>
				<td width="80px" align="center">
					<a href="agenda.html" class="lustrum-button-start" style="background: url('img/home-agenda.png'); background-size: 100%">
						<div class="lustrum-button-agenda"><script type="text/javascript">
							var d = new Date();
							var n = d.getDate();
							document.write(n);
						</script></div>
					</a>
					<h5>agenda</h5>
				</td>
				<td width="80px" align="center">
					<a href="radio.html" class="lustrum-button-start" style="background: url('img/home-muziek.png'); background-size: 100%"></a>
					<h5>muziek</h5>
				</td>
			</tr>
		</table>
		<table width="240px" style="margin: 0 auto; padding-left: 10px" border="0">
			<tr>
				<td width="35px">&nbsp</td>
				<td align="center">
					<a href="map.html" class="lustrum-button-start" style="background: url('img/home-kaart.png'); background-size: 100%"></a>
					<h5>kaart</h5>
				</td>
				<td align="center">
					<a href="terrein1.html" class="lustrum-button-start" style="background: url('img/home-terrein.png'); background-size: 100%"></a>
					<h5>terrein</h5>
				</td>
				<td width="35px">&nbsp</td>
			</tr>
			<tr>
				<td colspan="4" align="center">
					<img src="img/logo-tomtom.png" width="200px" style="padding-top:5px">
				</td>
			</tr>
		</table>
        </div>
	</div>

</div>

</body>
</html>